import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { NavigationContainer } from '@react-navigation/native';
import FlexDemo from '../page/FlexDemo';
import Login from '../page/Login';
import TabNavigation from '../Components/TabNavigation';
import Home from '../page/Home';
import Detile from '../page/Detile';
import ChatListPage from '../page/ChatListPage';
import PersonPage from '../page/PersonPage';


export default function MyRouter() {

  const Stack = createNativeStackNavigator();

  return (
    <NavigationContainer>
      <Stack.Navigator initialRouteName="Login" screenOptions={{headerShown:false}}>
        <Stack.Screen name="Login" component={Login} />
        <Stack.Screen name="Flex" component={FlexDemo} />
        <Stack.Screen name="TabNavigation" component={TabNavigation} />
        <Stack.Screen name="Home" component={Home} />
        <Stack.Screen name="PersonPage" component={PersonPage} />
        <Stack.Screen name="Detile" component={Detile} />
        <Stack.Screen name="ChatListPage" component={ChatListPage} />
      </Stack.Navigator>
      </NavigationContainer>
  );
}
